<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 同步代码
        // 异步代码  setTimeout  setTnterval ajax网络请求(回调函数)，事件处理函数(回调函数)
        console.log(1);
        if (true) {
            console.log(2);
        }
        setTimeout(() => {
            console.log(3);
        }, 0)
        // 事件绑定是同步的，事件处理函数是异步的
        document.addEventListener('clcik',function () {
            console.log(4);
          })
        for (let i = 0; i < 10; i++) {
            console.log(5);
        }
        console.log(7);


        // EventLoop事件循环
    // 执行栈空闲下来才会执行异步的回调函数
    </script>
</body>

</html>